/*====== overall ======*/
body { font-size: 14px; font-family: 'Microsoft yahei', 'STHeiTi', Arial, Simsun, Helvetica, sans-serif, Verdana;  color: #333; margin: 0; padding: 0; background: #f0f3f6;}
table, td { font-size: 14px; font-family: 'Microsoft yahei', 'STHeiTi', Arial, Simsun, Helvetica, sans-serif, Verdana;   color: #333; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th, td { border-collapse: collapse; }
a:link { text-decoration: none; color: #333; }
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #27a6d1; }
img { border: 0; }
div, p, img, ul, li, form, input, label, aside, menu, section, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border:none;
    padding:0;
    font-family:Arial;
}
ol, ul, li { list-style-type: none; }
.overz { overflow: auto; zoom: 1; overflow-x: hidden; overflow-y: hidden; }
.hide { display: none; }
.font14 { font-size: 14px; }
.font18 { font-size: 18px; }
.fl_l { float: left; display: inline; }
.fl_r { float: right; display: inline; }
.dsn { display: none; }
.dsk { display:block; }
.tl_r { text-align: right; }
.grn_fnt, .grn_fnt a, .grn_fnt a:visited { color: #50b97e; }
.red_fnt, .red_fnt a, .red_fnt a:visited { color: #eb5e5e; }
.blue_fnt,.blue_fnt a, .blue_fnt a:visited { color: #00a0e9; }
.ir_blue_fnt,.ir_blue_fnt a, .ir_blue_fnt a:visited { color: #4f5f6f; }
.ylw_fnt,.ylw_fnt a, .ylw_fnt a:visited { color: #eec45f; }
.overz { overflow: auto; zoom: 1; overflow-x: hidden; overflow-y: hidden; }
/* for IE */
:focus, map { -moz-outline-style: none; } /* for Firefox */
input:focus, a, map { outline: none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
img.alg_r { margin-left: 15px; margin-bottom: 15px; }
img.alg_l { margin-right: 15px; margin-bottom: 15px; }
/*back-to*/
.back-to { bottom: 35px; overflow: hidden; position: fixed; right: 10px; z-index: 999; }
.back-to .back-top { background: url(../images/top_arrow.png) no-repeat; display: block; float: right; height: 45px; margin-left: 10px; outline: 0 none; text-indent: -9999em; width: 45px; }
.back-to .back-top:hover { background-position: -45px 0; }
.clr-b { clear: both; line-height: 0; height: 0; overflow: hidden; }
.org_fnt{ font-weight:normal; color:#eb5306;}
html,body{height: 100%; -webkit-text-size-adjust:none;}
/*login*/
.wrp{ width: 100%; height: 100%; margin: 0 auto;}
.lgn_o{ width: 100%; display: table; height: 100%; *position: relative;}
.lgn_m{ width: 100%; display: table-cell; vertical-align: middle; text-align: center; *position: absolute;  *top: 50%;  padding: 5%;}
.lgn_m .cnt{ *position: relative; *top: -50%; width: 100%; text-align: center; }
.lgn_m h1.logo{ text-align: center; margin-bottom: 30px;}
.lgn_m h1.logo img.img-responsive{ margin: 0 auto;}
.pl{ width: 100%; max-width: 576px; background: #FFF; margin: 0 auto;  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  box-shadow: 0px 2px 20px 0px rgba(139, 157, 175, .3);}
.pdg{ padding: 7.8125% 10%;}
.pdg .iconfont{ font-size: 18px; color: #33536d;}
.pdg .input-group-addon{ background: none; font-size: 16px;}
.pdg .input-group-addon{border: 1px solid #9da5ae; border-right: 0;}
.pdg .yz_btn {border: 0; background: #727f8c; color: #FFF; cursor: pointer; font-size: 14px;}
.pdg .input-group-addon .fnt{ display:inline-block; border-right: 1px solid #727f8c; width:60px; text-align: left;}
.pdg .input-group-addon .fnt2{ display:inline-block; border-right: 1px solid #727f8c; width: 40px; text-align: left;}
.pdg .form-control{border: 1px solid #9da5ae; border-left: 0px;}
.pdg .lg_btn{ background: #59c2e6; color: #FFF; font-size: 18px; font-weight: bold;}
.pdg .lg_btn:hover{ background: #43b7de;}
.pdg .lnk { text-align: right;}
.pdg .lnk a{ margin-left: 30px;}
.pdg .lnk a.fgt_pw,.pdg .lnk a.fgt_pw:visited{ color: #999;}
.pdg h2.frm_tit{ text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 24px;}
.ftr{ color: #b2b2b2; padding-top: 30px; text-align: center;}
.ftr .cpy{ margin: 0 5px;}
/*map*/
.cm_nav .navbar-brand{ padding: 0; height: 60px; margin-right: 80px;}
.cm_nav.navbar-inverse{ background: #4f5f6f; border: 0;}
.cm_nav.navbar-inverse .navbar-nav>.active>a, .cm_nav.navbar-inverse .navbar-nav>.active>a:focus, .cm_nav.navbar-inverse .navbar-nav>.active>a:hover{ background: #59c2e6; }
.cm_nav .navbar-nav li a{padding:15px 25px; line-height: 30px;}
.cm_nav .navbar-nav li a,.cm_nav .navbar-nav li a:visited{ color: #FFF;}
.smenu li{  padding:12px 0; line-height: 33px;}
.cm_nav .mnav li a:hover{color: #59c2e6;}
.cm_nav .mnav li a{ font-size: 16px;}
.cm_nav .navbar-right .ext_lnk a:hover{color: #59c2e6;}
.cm_nav .navbar-right i{ font-size: 16px; margin-right: 5px;}
.bk{ height: 60px;}
.pgc{ padding: 2.08333333333333%; }
.pgc .cls{ background: #FFF;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 0px 2px 20px 0px rgba(139, 157, 175, .3); margin: 0 auto; }
.pgc .cls .cls_cnt{padding: 2.56410256410256% 0; }
.pgc .cls .mtt{ border-left:16px solid #59c2e6;  padding-left: 20px;}
.pgc .cls .mtt .tit{ font-size: 24px; font-weight: bold; margin-bottom: 5px;}
.pgc .cls .mtt .tit .mp_lg{ margin-right: 5px;}
.pgc .cls .mtt dd{ font-size: 16px;}
.pgc .cls{ position: relative;}
.pgc .cls .map{ position: relative; max-width: 706px; margin-left: 4.78632478632479%;}
.map .num{ display: block; width: 18px; height: 18px; color: #FFF;  -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; line-height: 18px; font-size: 12px;}
.map a:hover i{ color: #333;}
.map a{ position: absolute; z-index: 200; line-height: 100%;}
.map .iconfont{ font-size: 20px; line-height: 100%;}
.qj_lst #qj_01{ top: 13.73840445269017%; left: 34.98583569405099%;}
.qj_lst #qj_02{ top: 12.25417439703154%; left:37.39376770538244%;}
.qj_lst #qj_03{ top: 10.58441558441558%; left:39.94334277620397%;}
.qj_lst #qj_04{ top: 9.22230055658627%; left:42.4929178470255%;}
.qj_lst #qj_05{ top: 7.00036066790353%; left:44.98606232294618%;}
.qj_lst #qj_06{ top: 5.6427254174397%;  left:47.32549575070822%;}
.qj_lst #qj_07{ top: 4.16196660482375%; left:49.82549575070822%;}
.qj_lst #qj_08{ top: 2.79220779220779%;  left:52.09121813031161%;}
.qj_lst #qj_09{ top: 25.38589981447124%; left:61.92351274787535%;}
.qj_lst #qj_10{ top: 32.96623376623377%; left:64.17337110481586%;}
.qj_lst #qj_11{ top: 39.54916512059369%; left:66.18130311614731%;}
.qj_lst #qj_12{ top: 46.11502782931354%; left:68.18130311614731%;}
.tooltip-inner{ font-family: Arial;}
.map .qj_num{ background:#55b658;}
.map .uj_num{ background:#e8af26;}
.map .ec_num{ background:#2497d5;}
.map .srsr_num{ background:#ea5853;}
.map .grey{ background:#ccc;}


.snsr_lst .iconfont{ color: #ea5853;}
.map .snsr_lst a:hover i{ color: #ea5853;}
.accordion{ margin: 0 1.36752136752137%;}
.accordion .link{cursor: pointer;display: block; height:50px; line-height:50px; color: #4D4D4D;font-size: 16px; position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
.accordion li i.arw_r{position: absolute;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.arw_r{ right: 12px; left: auto; font-size: 16px;}
.accordion li.open .link{color: #b63b4d;}
.accordion li.open i.arw_r{color: #b63b4d;}
.accordion li.open i.iconfont{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.accordion .link span.icn{  display:inline-block; height: 15px; width: 15px; vertical-align: middle; margin-right: 10px;}
.accordion .link span.icn_01{ background: #ea5853;}
.accordion .link span.icn_02{ background: #2497d5;}
.accordion .link span.icn_03{ background: #55b658;}
.accordion .link span.icn_04{ background: #e8af26;}
.ept_menu{ width: 168px; position: absolute; z-index: 200; right: 4.95726495726496%;}
.cn_map{position: absolute; z-index: 200; right: 4.95726495726496%; bottom: 20px;}
.submenu{ display: none; padding: 10px 0;}
.sbm_sw{ display: block; }
.accordion .submenu li a{ display: inline-block; width: 17px; height: 17px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; line-height: 17px; background: #000; color: #FFF; margin:3px;}
.accordion .submenu li.srsr_num a{ background:#ea5853;}
.accordion .submenu li.ec_num a{ background:#2497d5;}
.accordion .submenu li.qj_num a{ background:#55b658;}
.accordion .submenu li.uj_num a{ background:#e8af26;}
.accordion li a.grey{background: #ccc!important;}
.accordion .lne{ height: 1px; background: #ced8e3; overflow: hidden;}
.tbar{ height: 46px; border-bottom: 1px solid #e0e3e7; background: #f5f7f9;
    background: -moz-linear-gradient(top,  #FFFFFF 0%, #f5f7f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#f5f7f9));
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#f5f7f9 100%);
    background: -o-linear-gradient(top,  #FFFFFF 0%,#f5f7f9 100%);
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#f5f7f9 100%);
    background: linear-gradient(to bottom,  #FFFFFF 0%,#f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f5f7f9',GradientType=0 );  border-radius: 5px 5px 0 0;  -moz-border-radius: 5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; position: relative;}
.tbar .form-inline{ padding-top: 6px; margin-left: 50px;}
.tbar a.bk_lnk{ position: absolute; left: 0; display: block; width:35px; height: 46px; line-height: 46px; text-align: center; border-radius: 5px 0 0 0;  -moz-border-radius: 5px 0 0 0;-webkit-border-radius:5px 0 0 0; }
.tbar a.bk_lnk,.tbar a.bk_lnk:visited{ background: #59c2e6; color: #FFF; }
.tbar a.bk_lnk:hover{ background: #36b5e0;}
.cnt_pd{padding:3.41880341880342%; position: relative; min-height: 300px;}
.cls .ctit{ font-size: 24px; text-align: center; margin-bottom: 30px;}
.cls .ctit i{ font-size: 30px; vertical-align: middle; margin-right: 10px; color: #eb5e5e;}
.cls .ctit span.num{color: #eb5e5e; font-weight: bold; margin-bottom: 45px;}
.data_lst .dt_itm{ width: 33%; display: inline; float: left;}
.data_lst .dt_itm .icon-water{ color: #eb5e5e; font-size: 70px;}
.data_lst .dt_itm .icon-co2{ color: #4f5f6f; font-size: 70px;}
.data_lst .dt_itm .icon-sun{ color: #eec45f; font-size: 70px;}
.data_lst .dt_itm .icon-water_drops{ color: #45a5de; font-size: 70px;}
.data_lst .dt_itm .itm_tit{ font-weight: bold; font-size: 20px;}
.data_lst .dt_itm li{ margin-bottom: 15px;}
.data_lst .dt_itm .mraw{ display: none;}
.data_lst .dt_itm .itm_cnt{  border-right: 1px solid #dce2e8; padding: 0 11.45038167938931%;}
.data_lst .dt_itm .itm_cnt.last_ul{ border-right: 0;}
.data_lst .dt_itm .itm_cnt ul{ height: 240px;}
.data_lst .dt_itm .mr{ text-align: center;}
.data_lst .dt_itm .mr a{ display: inline-block; color: #a3b1c3; padding: 6px 28px; border: 1px solid #e1e5eb; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.data_lst .dt_itm .mr a:visited{color: #a3b1c3;}
.data_lst .dt_itm .mr a:hover{ background: #59c2e6; border:1px solid #59c2e6; color: #FFF; transition: all 0.5s;}
.data_lst{ margin-bottom: 50px;}
/*dropdown meu*/
.dropdown-submenu{position: relative;} 
.dropdown-submenu > .dropdown-menu{top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;} .dropdown-submenu:hover > .dropdown-menu{display: block;} 
.dropdown-submenu > a:after{display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;} 
.dropdown-submenu:hover > a:after{border-left-color: #45a5de;}
.dropdown-submenu.pull-left{float: none;} 
.dropdown-submenu.pull-left > .dropdown-menu{left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;} 
.tbar .slt_eqm{margin-left: 60px; }
.tbar .slt_eqm2{margin-left: 45px; }
.tbar .dropdown{ padding-top: 5px; float: left;}
.tbar .hsty_data{ float: left; margin-left: 15px;}
.dt_menu h2.tit{ text-align: center; font-size: 16px; font-weight: bold; }
.dt_menu h2.tit span.num{ color: #eb5e5e;}
.dt_menu .frt_tit{ background: #f7f8fa;}
.dt_menu .list-group-item{ font-size: 16px; position: relative;}
.dt_menu .list-group-item a{ display: block;}
.dt_menu .crt a,.dt_menu .crt a:visited{ color: #00a1e9; font-weight: bold;}
.dt_menu .list-group-item span.arw{ position: absolute; right: 8px; top:6px; font-size: 18px;}
.dt_menu .crt span.arw{ color: #00a1e9; font-weight: bold;}
.dt_hdr .dt_num{ margin-right: 20px;}
.dt_hdr .dt_num .iconfont{ font-size: 24px; margin-right: 10px; vertical-align: middle;}
.dt_hdr .dt_date{ color: #999; float:right;}
.dt_hdr{ margin-bottom: 15px;}
.dt_menu{ width: 196px; position: absolute; }
.dt_shw{ margin-left: 275px;}
.dt_hdr .dt_num .icon-water_drops{ font-size: 28px;}
.sr_dt_rw dd{ display: inline; margin-right: 15px; margin-bottom: 10px;}
.sr_dt_rw{ margin-bottom: 10px;}
.sr_dt_rw dd i{ margin-right: 5px;}
.frm_lst .arw_l{ font-size: 36px; margin-right: 15px; vertical-align:middle;}
.frm_lst .frm_cnt i.icon-dot{ font-size: 20px; vertical-align:middle; color: #e2ebf1;}
.frm_lst .mr{ padding: 10px 0 10px 10px;}
.frm_lst .mr a{ display: inline-block; padding: 3px 20px; border: 1px solid #50b97e; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.frm_lst .mr a,.frm_lst .mr a:visited{ color: #50b97e;}
.frm_lst .mr a:hover{ background: #50b97e; color: #FFF; transition: all 0.5s;}
.frm_lst .frm_cnt{ font-size: 16px;}
.frm_lst{ padding-bottom: 30px;}
@media screen and (max-width:995px ) {
.cm_nav .navbar-brand{ padding: 0; height: 60px; margin-right: 20px;}
.cm_nav .navbar-nav>li>a{padding:15px 10px; }
.cn_map{position:static; }
.cn_map img.img-responsive{ margin: 0 auto;}
.ept_menu{ position:static; width: 100%; margin-bottom: 15px;}
.data_lst .dt_itm .icon-water,.data_lst .dt_itm .icon-co2,.data_lst .dt_itm .icon-sun,.data_lst .dt_itm .icon-water_drops,.data_lst .dt_itm .icon-water_drops{  font-size: 50px;}
.data_lst .dt_itm .itm_tit{ font-weight: bold; font-size: 14px;}
.data_lst .dt_itm li{ margin-bottom: 10px;}
.data_lst .dt_itm .itm_cnt ul{ height: 200px;}
.dt_menu h2.tit,.dt_menu .list-group-item{ font-size: 14px;}
.dt_hdr .dt_date{ float: none; display: block; margin-top: 5px;}
.dt_shw{ margin-left: 230px;}

}
@media screen and (max-width:701px ) {
.data_lst .dt_itm .icon-water,.data_lst .dt_itm .icon-co2,.data_lst .dt_itm .icon-sun,.data_lst .dt_itm .icon-water_drops,.data_lst .dt_itm .icon-water_drops{  font-size: 60px;}
.data_lst .dt_itm .itm_tit{ font-weight: bold; font-size: 16px;}
.data_lst .dt_itm{ width: 33%;}
.data_lst .dt_itm .itm_cnt{ border-right: 0;}
}
@media screen and (max-width:658px ) {

}

@media screen and (max-width:600px ) {
.dt_menu{ position: static; width: 100%;}
.dt_shw{ margin-left: 0;}
.frm_lst .frm_cnt{ font-size: 14px;}
}

@media screen and (max-width:550px ) {
.map .num{ width: 16px; height: 16px; line-height: 16px; padding:2px; -webkit-text-size-adjust:none;-webkit-transform:scale(0.7);-o-transform:scale(1); font-size:12px;  letter-spacing: -1px; margin: 0;}
.map .num{ font-size: 8.4px;}
.tooltip-inner{ font-size: 12px;}
.tooltip-inner{ font-size: 10px;}
.map .iconfont{ font-size: 14px; line-height: 100%;}
.pgc .cls .mtt{ border-left:6px solid #59c2e6;  padding-left: 10px;}


}

@media screen and (max-width:500px ) {
.pgc .cls .mtt .tit{ font-size: 14px; font-weight: bold;}
.pgc .cls .mtt .tit img.mp_lg{ height: 20px;}
.pgc .cls .mtt dd{ font-size: 14px;}
.pgc .cls .mtt{ margin-bottom: 15px;}
.mtbar.tbar .bk_lnk{ display: none;}
.mtbar.tbar .slt_eqm{ margin-left: 5px;}
}

@media screen and (max-width:447px ) {

}

@media screen and (max-width:411px ) {
.data_lst .dt_itm{ width:100%; margin-bottom: 20px;}
.data_lst .dt_itm .itm_cnt{ border-right: 0;}
.mtbar.tbar{ height: auto; background: none; border: 0;}
.mtbar.tbar .dropdown{ margin-left: 0; width: 100%;}
.mtbar.tbar .btn{ width: 90%; margin: 0 5%; margin-top: 5px;}
.mtbar.tbar .hsty_data{ float: none; margin-left: 0; width: 100%;}
}

@media screen and (max-width:376px ) {


}

@media screen and (max-width:360px ) {
.cm_nav .container{ padding: 0; margin: 0;}
.cm_nav .navbar-brand{ margin-right: 0;}
.cm_nav .navbar-brand{ padding-left: 10px;}
}

@media screen and (max-width:320px ) {

}